<html>
<head>
<link rel="stylesheet" href="bootstrap.css"/>
<script src="bootstrap.js"></script>

</head>
<div class="container-fluid">

	<div class="row-fluid">   
                    
	 	<div style="margin-top:10px; margin-bottom:10px;">
		<h2 margin-top=40px>One day I went to bla bla bla</h2>
                </br>
                </div>

                <span class="btn btn-info" data-toggle="collapse" data-target="#story" data-parent="#selector">Story content</span>

                <div id="story_content" style="margin-top:10px; margin-bottom:10px;" class = "collapse in">
        	        
		 <p>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla ........ </p>
                </div>

                <span class="btn btn-info"  data-toggle="collapse" data-target="#i" data-parent="#selector">Media attachment</span>
                <div id="media_link" style="margin-top:10px; margin-bottom:10px;" class="collapse in">
                <a href=""><img src="http://4.bp.blogspot.com/-CW4cRg6Kalw/ThYl-KLf91I/AAAAAAAAADw/Emut-0kONyE/s1600/bla-bla.jpg"></a>
                </div>

		
                <span class="btn btn-info" data-toggle="collapse" data-target="#comments" data-parent="#selector">Comments</span>

                <div id="comments" style="margin-top:10px; margin-bottom:10px;" class = "collapse in">
                <p>danta re5m awi</p>
		<p>eh dah? </p>
			
                </div>
        </div>
</div>
</html>

